<template>
	<view style="width: 100%;">
		
			<!-- 	<view class="uni-padding-wrap uni-common-mt" style="margin-top: 10px;">
			<mSearch class="mSearch-input-box" :mode="2" button="inside" placeholder="请输入考试名称"
			  @search="doSearch(false)" @confirm="doSearch(false)" v-model="searchvalue"
			 ></mSearch>
		</view> -->
		
		
			<cuCustom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">图标</block></cuCustom>
			<view class="cu-bar bg-white search fixed" :style="[{top:CustomBar + 'px'}]">
				<view class="search-form round">
					<text class="cuIcon-search"></text>
					<input type="text" placeholder="搜索icon" confirm-type="search" @input="searchIcon"></input>
				</view>
			</view>
			<view class="cu-list grid col-3">
			</view>
		
	</view>
</template>

<script>
import cuCustom from '../../colorui/components/cu-custom.vue';
import uniList from '@/components/uni-list/uni-list.vue';
import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
import mSearch from '@/components/mehaotian-search-revision/mehaotian-search-revision.vue';
export default {
	components: { uniList, uniListItem,mSearch,cuCustom },
	onLoad() {
		    let list = [];
		    for (let i = 0; i < 20; i++) {
		        list.push(i)
		    }
		    this.lists = list;
	},
	data() {
		return {
				CustomBar: this.CustomBar,
			 lists: [],
			scrollTop: 0,
			old: {
				scrollTop: 0
			},
			searchvalue:''
		};
	},
	methods: {
		doSearch:function(e){
			console.log("搜索:"+e);
		},
		upper: function(e) {
			console.log(e);
		},
		lower: function(e) {
			console.log(e);
		},
		scroll: function(e) {
			console.log(e);
			this.old.scrollTop = e.detail.scrollTop;
		},
		goTop: function(e) {
			this.scrollTop = this.old.scrollTop;
			this.$nextTick(function() {
				this.scrollTop = 0;
			});
			uni.showToast({
				icon: 'none',
				title: '纵向滚动 scrollTop 值已被修改为 0'
			});
		}
	}
};
</script>

<style></style>
